<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4-文本框和表单按钮无法对齐问题</title>
		<style type="text/css">
			input{
				height:60px;
				box-sizing: border-box;
				/* 解决方式一 */
				/* float:left; */
				vertical-align:top;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<input type="text" name="keyword" placeholder="请输入关键字..." /><input type="button" value="百度一下">
		</div>
	</body>
</html>
